/********************************************
   AUTHOR:  			Erwin Aligam
   WEBSITE:   			http://www.styleshout.com/
	TEMPLATE NAME: 	Bright Side of Life
   TEMPLATE CODE: 	S-0005
   VERSION:          1.0
 *******************************************/

/********************************************
   HTML ELEMENTS
********************************************/

/* top elements */


body {
	font: .70em/1.5em  Verdana, Tahoma, Helvetica, sans-serif;
	color: #666666;
}

/* links */
a {
	color: #4284B0;
	background-color: inherit;
	text-decoration: none;
}
a:hover {
	color: #9EC068;
	background-color: inherit;
}

/* headers */
h1, h2, h3 {
	font: bold 1em 'Trebuchet MS', Arial, Sans-serif;
	color: #333;
}
h1 { font-size: 1.5em; color: #6297BC; }
h2 { font-size: 1.4em; text-transform:uppercase;}
h3 { font-size: 1.3em; }

p, h1, h2, h3 {
	margin: 10px 15px;
}
ul, ol {
	margin: 10px 30px;
	padding: 0 15px;
	color: #4284B0;
}
ul span, ol span {
	color: #666666;
}

/* images */

img.no-border {
	border: none;
}
img.float-right {
  margin: 5px 0px 5px 15px;
}
img.float-left {
  margin: 5px 15px 5px 0px;
}
a img {
  border: 2px solid #568EB6;
}
a:hover img {
  border: 2px solid #CCC !important; /* IE fix*/
  border: 2px solid #568EB6;
}

code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #e2e2e2;
  border-left: 4px solid #4284B0;
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
	margin: 15px;
 	padding: 0 0 0 20px;
  	background: #FAFAFA;
	border: 1px solid #e2e2e2;
	border-left: 4px solid #4284B0;
	color: #4284B0;
	font: bold 1.2em/1.5em Georgia, 'Bookman Old Style', Serif;
}

/* form elements */
form {
	margin:10px; padding: 0;
	border: 1px solid #E6E6E6;
	background-color: #EFEFEF;
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding: 2px;
	border:1px solid #999;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}
textarea {
	width:300px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
input.button {
	margin: 0;
	font: bold 1em Arial, Sans-serif;
	border: 1px solid #CCC;
	background: #FFF;
	padding: 2px 3px;
	color: #4284B0;
	cursor:pointer;
}
input.button_red {
	margin: 0;
	font: bold 1em Arial, Sans-serif;
	border: 1px solid #CCC;
	background: #FFF;
	padding: 2px 3px;
	color: red;
	cursor:pointer;
}
input.button_orange {
	margin: 0;
	font: bold 1em Arial, Sans-serif;
	border: 1px solid #CCC;
	background: #FFF;
	padding: 2px 3px;
	color: orange;
	cursor:pointer;
}

/* search form */
form.searchform {
	background: transparent;
	border: none;
	margin: 0; padding: 0;
}
form.searchform input.textbox {
	margin: 0;
	width: 120px;
	border: 1px solid #9EC630;
	background: #FFF;
	color: #333;
	height: 14px;
	vertical-align: top;
}
form.searchform input.button {
	margin: 0;
	padding: 2px 3px;
	font: bold 12px Arial, Sans-serif;
	background: #EFEFEF;
	border: 1px solid #E6E6E6;
	color: #777;
	width: 60px;
	vertical-align: top;
}



/* alignment classes */
.float-left  { float: left; }
.float-right {	float: right; }
.align-left  {	text-align: left; }
.align-right {	text-align: right; }

/* additional classes */
.clear { clear: both; }
.green {	color: #9EC630; }
.gray  {	color: #BFBFBF; }






/* additional  2010.09.07*/
.rent_form {
	margin:10px; padding: 0;
	border: 1px solid #EFA40E;
	background-color: #EFD897;
}


.list_tb {margin:10px auto;}
.list_tb .info {text-align:right;}
.list_tb .title {border-bottom:1px solid #e1e1e1;border-top:1px solid #e1e1e1; padding:5px; background-color:#f5f5f5;font-weight:bold;}
.list_tb .cont {border-bottom:1px solid #e1e1e1; padding:5px;}
.list_tb .paging{border-top:1px solid #e1e1e1; padding:10px; text-align:center;}
.list_tb .status_1 {border-bottom:1px solid #e1e1e1; padding:5px; text-align:center; background-color:#f6ff73;}
.list_tb .status_2 {border-bottom:1px solid #e1e1e1; padding:5px; text-align:center; background-color:#9c9c9c;}
.list_tb .status_3 {border-bottom:1px solid #e1e1e1; padding:5px; text-align:center; background-color:#53ed6f;}
.list_tb .status_4 {border-bottom:1px solid #e1e1e1; padding:5px; text-align:center; background-color:#ffd1d6;}
.list_tb .status_5 {border-bottom:1px solid #e1e1e1; padding:5px; text-align:center; background-color:#96c9ff;}
.list_tb .status_6 {border-bottom:1px solid #e1e1e1; padding:5px; text-align:center; background-color:#35b890;}
.list_tb .status_7 {border-bottom:1px solid #e1e1e1; padding:5px; text-align:center; background-color:#e1e1e1;}
.list_tb .status_8 {border-bottom:1px solid #e1e1e1; padding:5px; text-align:center; background-color:#000000; color:#ffffff;}

.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.bd{font-weight:bold;}



.div_list1 {width:122px; border:3px solid #efddef; float:left;margin:6px 5px; padding:5px; background-color:#fefafe;}
.div_list1 ul {list-style-type:none;padding:0;margin:0;}
.div_list1 .btn {margin-top:5px; text-align:center;}

.div_list2 {width:122px; border:3px solid #efefaa; float:left;margin:6px 5px; padding:5px; background-color:#fefeee;}
.div_list2 ul {list-style-type:none;padding:0;margin:0;}
.div_list2 .btn {margin-top:5px; text-align:center;}

.div_list3 {width:122px; border:3px solid #e1e1e1; float:left;margin:6px 5px; padding:5px; background-color:#f1f1f1;}
.div_list3 ul {list-style-type:none;padding:0;margin:0;}
.div_list3 .btn {margin-top:5px; text-align:center;}


.lst_type{width:338px;padding:0 10px;margin:0;list-style:none;background-color:#fff;}
.lst_type li{clear:both;_height:0;margin-bottom:10px;_font-size:0 }
.lst_type2{overflow:hidden;font-family:'돋움',Dotum;font-size:12px}
.lst_type2 dt{padding:5px 0;font-size:12px}
.lst_type2 dd{line-height:16px;margin-left:0;}
.lst_type2 a{color:#2d2c2d;text-decoration:none}
.lst_type2 {color:#2d2c2d;text-decoration:none}
.lst_type2 a:hover{text-decoration:underline}












